<template>
  <div class="container" v-loading="loading">
    <div class="content-top">
			<span class="h1">乡镇征拆(创建户主)</span>
			<span class="h2">分表</span>
      <el-button  size="mini" @click="fnReturn()">返回</el-button>
		</div>
      <div class="fbhead">
        <div class="address clearfix">
            <label for="" class="fl">户主姓名：</label>
            <el-select v-model="housID" placeholder="请选择或输入搜索姓名电话或身份证号码" class="fl" filterable @change="changeHous()">
                <el-option
                v-for="item in housList"
                :key="item.ID"
                :label="item.MainName+'-'+item.Tel+'-'+item.CardID"
                :value="item.ID">
                </el-option>
            </el-select>
            <el-button type="primary" size="mini" @click="fnAddSubject()" style="margin-left: 10px;"  v-if='showbtn==2'>添加户主</el-button>
            <el-button type="danger" size="mini" @click="housDel()" style="margin-left: 10px;" v-if='showbtn==2||showbtn==1'>删除户主</el-button>
            <el-button type="success" size="mini" @click="fnEditTip()" style="margin-left: 10px;" v-if='showbtn==2'>修改户主</el-button>
              
            <el-button type="primary" size="small"  @click="setflow()" style="margin-left: 10px;" v-if='showbtn==2'>报至镇数据审核</el-button>
            <el-button type="primary" size="mini" @click="fbSave()" style="margin-left: 10px;" v-if='showbtn==2'>保存</el-button>
            <el-button type="primary" size="mini" @click="TipLand()" style="margin-left: 10px;" v-show="false">添加地块</el-button>
            
        </div>
      </div>
      <div class="tab" v-show="isShowTab">
          <el-tabs v-model="activeTab" @tab-click="handleClick">
            <el-tab-pane label="1土地征用" name="fb1">
                <div class="title">
                    ({{ProjectStr}})工程建设土地征用补偿登记/结算表&nbsp;
                    <el-button type="primary" size="mini" @click="fb1AddRow()">添加行数</el-button>
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
                <thead>
                  <tr>
                    <td rowspan="2">序号</td>
                    <td colspan="7">土地测绘成果</td>
                    <td colspan="2">（一）土地补偿费</td>
                    <td colspan="4">（二）作物类青苗（鱼苗）/补偿费</td>
                    <td>合计金额（元）</td>
                    <td rowspan="2" class="green">备注</td>
                    <td rowspan="2">操作</td>
                  </tr>
                  <tr id="headers">
                    <td class="green">地块编号</td>
                    <td>地 类</td>
                    <td>位置桩号K0+000</td>
                    <td>①土地面积</td>
                    <td>其中红线内</td>
                    <td>其中红线外</td>
                    <td>计算单位</td>
                    <td>补偿标准（元/m2）</td>
                    <td>补偿金额（元）</td>
                    <td class="green">青苗名称</td>
                    <td class="green">②有青苗面积</td>
                    <td>补偿标准（元/m2）</td>
                    <td>补偿金额（元）</td>
                    <td>（一）+（二）</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in saveData.LandTalbe" :key="index">
                    <td>{{index+1}}</td>
                    <td v-show="false">{{person.ID}}</td>
                    <td>
                      <el-select class='utable' v-model="person.ItemCode" filterable  placeholder="请选择" @change="changefb1(person.ItemCode,person.ID,index)">
                          <el-option
                          v-for="item in dkbh"
                          :key="item.ItemCode"
                          :label="item.ItemCode"
                          :value="item.ItemCode">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.ItemID}}</td>
                    <td>{{person.PointCode}}</td>

                    <td>{{person.Amount}}</td>

                    <td>{{person.RedInSq}}</td>
                    <td>{{person.RedOutSq}}</td>
                    <td>{{person.Unit}}</td>

                    <td>{{person.StandardPrice}}</td>
                    <td>{{person.Money}}</td>
                    
                    <td>
                      <el-input v-model="person.GreenName"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                        <el-input  v-model="person.GreenAmount"  placeholder="请输入内容" @change="fb1qm(person.GreenAmount,person.ID,index)"></el-input>
                    </td>
                    <td>{{person.GreenPrice}}</td>
                    <td>{{person.GreenMoney}}</td>
                    <td>{{person.TotalMoney}}</td>
                    <!-- <td>{{person.GreenMoney+person.Money}}</td> -->
                    <td>
                      <el-input v-model="person.Memo"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                        <el-button type="danger"  size="mini"  @click="fb1DelRow(fb1Data[index],index)">删除</el-button>
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td colspan="2">合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">合计大写</td>
                    <td colspan="12"></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="3">户主或户主代表签字（盖手印）：</td>
                    <td colspan="3"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="3" style="text-align:left;">{{CardID}}</td>
                    <td colspan="3">村支书(主任)：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="3">填表人：</td>
                    <td colspan="3"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="3"></td>
                    <td colspan="3">施工单位复核：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="3">镇征拆小组领导：</td>
                    <td colspan="2"></td>
                    <td colspan="2">镇政府盖章（镇长签名）：</td>
                    <td colspan="2"></td>
                    <td colspan="2">县级审核：</td>
                    <td colspan="2"></td>
                    <td colspan="2">业主审核：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr  v-show="isShowX" class="bordernone">
                    <td colspan="3">县领导：</td>
                    <td colspan="13"></td>
                  </tr>
                </tfoot>
              </table>
                
            </el-tab-pane>
            <el-tab-pane label="2青苗竹木果类" name="fb2">
                <div class="title">
                    ({{ProjectStr}})工程建设征收青苗竹木果类补偿登记/结算表&nbsp;
                    <el-button type="primary"  size="mini" @click="fb2AddRow()">添加行数</el-button>
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;">
                <thead>
                  <tr>
                    <td rowspan="2">序号</td>
                    <td colspan="4">竹木果树类长势情况</td>
                    <td colspan="4">土地测绘成果</td>
                    <td colspan="4">按规格密度种植计算</td>
                    <td colspan="3">按零星或低密度种植计算</td>
                    <td colspan="3">增加超密度部分青苗成本</td>
                    <td rowspan="2">补偿费（元）</td>
                    <td rowspan="2" class="green" width="50">备注</td>
                    <td rowspan="2">操作</td>
                  </tr>
                  <tr id="headers">
                    <td class="green" width="200">征收项目名称</td>
                    <td class="green" width="200">规格</td>
                    <td class="green">实际长势值</td>

                    <td class="green">地块编号</td>
                    <td>地 类</td>
                    <td>位置桩号K0+000</td>
                    <td>①土地面积 </td>
                    <td>计算单位</td>

                    <td>标准(元/单位)</td>
                    <td>地块编号下的拆分编号</td>
                    <td class="green">②有树林面积</td>
                    <td>金额（元）</td>

                    <td>标准(元/株)</td>
                    <td class="green">数量</td>
                    <td>金额（元）</td>

                    <td>标准(元/株)</td>
                    <td class="green">数量</td>
                    <td>金额（元）</td>

                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in saveData.GreenTable" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-select class='utable' v-model="person.LevyItemID" filterable  placeholder="请选择" @change="fb2xm(person.LevyItemID,index,person.ItemID)">
                          <el-option
                          v-for="item in levyItem"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select class='utable' v-model="person.ItemID" filterable  placeholder="请选择" @change="fb2stat(person.ItemID,index)" :title="person.ItemName">
                          <el-option
                          v-for="item in standard2"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-input v-model="person.GreenCurrentValue"  placeholder="请输入内容" @change="fb2zsz(person.LevyItemID,person.GreenCurrentValue,index)"></el-input>
                    </td>
                    <td>
                      <el-select class='utable' v-model="person.ItemCode" filterable  placeholder="请选择" @change="fb2dkbh(person.ItemCode,index)">
                          <el-option
                          v-for="item in dkbh1"
                          :key="item.ItemCode"
                          :label="item.ItemCode"
                          :value="item.ItemCode">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.ItemID}}</td>
                    <td>{{person.PointCode}}</td>
                    <td>{{person.Amount}}</td>
                    <td>{{person.Unit}}</td>

                    <td>{{person.StandardPrice}}</td>
                    <td>{{person.LandBranchCode}}</td>
                    <td><el-input v-model="person.GreenAmount"  placeholder="有树林面积" @change="fb2ysl(person.GreenAmount,index)"></el-input></td>
                    <td>{{person.Money}}</td>
                    <td>{{person.SmallPrice}}</td>
                    <td><el-input v-model="person.SmallAmount" placeholder="请输入内容" @change="fb2sl1(person.SmallAmount,index)"></el-input></td>
                    <td>{{person.SmallMoney}}</td>
                    <td>{{person.PlusPrice}}</td>
                    <td><el-input v-model="person.PlusAmount"  placeholder="请输入内容" @change="fb2sl2(person.PlusAmount,index)"></el-input></td>
                    <td>{{person.PlusMoney}}</td>
                    <td>{{person.TotalMoney}}</td>
                    <!-- <td>{{person.Money+person.SmallMoney+person.PlusMoney}}</td> -->
                    <td><el-input v-model="person.Memo"  placeholder="请输入内容"></el-input></td>
                    <td>
                            <el-button type="danger" size="mini"  @click="fb2DelRow(fb2Data[index],index)">删除</el-button>
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td colspan="2">合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td colspan="2">合计大写</td>
                    <td colspan="18"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="4">户主或户主代表签字（盖手印）：</td>
                    <td colspan="3"></td>
                    <td colspan="4">身份证号：</td>
                    <td colspan="3" style="text-align:left;">{{CardID}}</td>
                    <td colspan="4">村支书(主任)：</td>
                    <td colspan="4"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="4">填表人：</td>
                    <td colspan="3"></td>
                    <td colspan="4">复核人2人以上：</td>
                    <td colspan="3"></td>
                    <td colspan="4">施工单位复核：</td>
                    <td colspan="4"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="3">镇征拆小组领导：</td>
                    <td colspan="3"></td>
                    <td colspan="3">镇政府盖章（镇长签名）：</td>
                    <td colspan="3"></td>
                    <td colspan="3">县级审核：</td>
                    <td colspan="2"></td>
                    <td colspan="2">业主审核：</td>
                    <td colspan="3"></td>
                  </tr>
                  <tr class="bordernone"  v-show="isShowX">
                    <td colspan="4">县领导：</td>
                    <td colspan="18"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="3房屋主体" name="fb3">
                <div class="title clearfix">
                    <!-- <label for="">位置：桩号K</label>
                    <span>( )+( )</span> -->
                    ({{ProjectStr}})工程建设宅地征用与房屋主体征收拆迁补偿登记/结算表&nbsp;
                    <el-button type="primary"  size="mini" @click="fb3AddRow()">添加行数</el-button>
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0" style="width:100%;table-layout: fixed;">
                <thead>
                  <tr>
                    <td width="30">序号</td>
                    <td class="green">征收项目名称</td>
                    <td class="green">规格</td>
                    <td width="100">计算单位</td>
                    <td width="50">补偿标准（元/单位）</td>
                    <td class="green" width="100">补偿数量</td>
                    <td>补偿金额（元）</td>
                    <td width="100" class="green">备注</td>
                    <td width="50">操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in saveData.HouseTable" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-select class='utable' v-model="person.LevyItemID" filterable  placeholder="请选择"  @change="fb3xm(person.LevyItemID,index)" >
                          <el-option
                          v-for="item in levyItem"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select class='utable' v-model="person.ItemID" filterable  placeholder="请选择" @change="fb3stat(person.ItemID,index)" :title="person.ItemName">
                          <el-option
                          v-for="item in standard"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      {{person.UnitName}}
                      <!-- <el-input v-model="person.UnitName"  placeholder="请输入计算单位" ></el-input> -->
                      <!-- <el-select v-model="person.UnitName"  placeholder="请选择">
                          <el-option
                          v-for="item in Company"
                          :key="item.Name"
                          :label="item.Name"
                          :value="item.Name">
                          </el-option>
                      </el-select> -->
                    </td>
                    <td>{{person.StandardPrice}}</td>
                    <td>
                      <el-input v-model="person.Amount"  placeholder="请输入内容" @change="fb3sl(person.Amount,index)"></el-input>
                    </td>
                    <td>{{person.Money}}</td>
                    <td>
                      <el-input v-model="person.Memo"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button type="danger"  size="mini"  @click="fb3DelRow(fb3Data[index],index)">删除</el-button>
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="6"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1" style="text-align:left;">{{CardID}}</td>
                    <td colspan="2">村支书(主任)：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">填表人：</td>
                    <td colspan="1"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="2">施工单位复核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="1">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="1">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone"  v-show="isShowX">
                    <td colspan="2">县领导：</td>
                    <td colspan="7"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="4房屋装修" name="fb4">
                <div class="title">
({{ProjectStr}})工程建设房屋装饰设施征收拆迁补偿登记/结算表&nbsp;
                    <el-button type="primary"  size="mini" @click="fb4AddRow()">添加行数</el-button>
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0">
                <thead>
                  <tr>
                    <td width="30">序号</td>
                    <td class="green">征收项目名称</td>
                    <td class="green">规格</td>
                    <td width="100">计算单位</td>
                    <td width="100">补偿标准（元/单位）</td>
                    <td class="green" width="100">补偿数量</td>
                    <td width="250">补偿金额（元）</td>
                    <td width="100" class="green">备注</td>
                    <td width="50">操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in saveData.HouseExTable" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-select class='utable' v-model="person.LevyItemID" filterable  placeholder="请选择"  @change="fb4xm(person.LevyItemID,index)">
                          <el-option
                          v-for="item in levyItem"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select class='utable' v-model="person.ItemID" filterable  placeholder="请选择"  @change="fb4stat(person.ItemID,index)" :title="person.ItemName">
                          <el-option
                          v-for="item in standard"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      {{person.UnitName}}
                      <!-- <el-input v-model="person.UnitName"  placeholder="请输入计算单位" ></el-input> -->
                      <!-- <el-select v-model="person.UnitName" filterable  placeholder="请选择">
                          <el-option
                          v-for="item in Company"
                          :key="item.Name"
                          :label="item.Name"
                          :value="item.Name">
                          </el-option>
                      </el-select> -->
                      </td>
                    <td>{{person.StandardPrice}}</td>
                    <td>
                      <el-input v-model="person.Amount"  placeholder="请输入内容" @change="fb4sl(person.Amount,index)"></el-input>
                    </td>
                    <td>{{person.Money}}</td>
                    <td>
                      <el-input v-model="person.Memo"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button type="danger"  size="mini"  @click="fb4DelRow(fb4Data[index],index)">删除</el-button>
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="6"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1" style="text-align:left;">{{CardID}}</td>
                    <td colspan="2">村支书(主任)：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">填表人：</td>
                    <td colspan="1"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="2">施工单位复核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="1">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="1">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr  class="bordernone" v-show="isShowX">
                    <td colspan="2">县领导：</td>
                    <td colspan="7"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="5坟山迁移" name="fb5">
                <div class="title">
                    ({{ProjectStr}})工程建设征地坟墓及其他迁移补偿登记/结算表&nbsp;
                    <el-button type="primary"  size="mini" @click="fb5AddRow()">添加行数</el-button>
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0">
                <thead>
                  <tr>
                    <td width="30">序号</td>
                    <td class="green" width="100">桩号K0+000或位置</td>
                    <td class="green" width="230">坟山编号</td>
                    <td class="green" width="230">征收项目名称</td>
                    <td class="green" width="230">规格</td>
                    <td width="100">计算单位</td>
                    <td width="50">补偿标准（元/单位）</td>
                    <td width="100" class="green">数量</td>
                    <td>金额（元）</td>
                    <td width="100" class="green">备注</td>
                    <td width="50">操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in saveData.GraveTable" :key="index">
                    <td>{{index+1}}</td>
                    <td>
                      <el-input v-model="person.PointCode"  placeholder="请输入内容" @change="fb5Point(person.PointCode,index)"></el-input>
                    </td>
                    <td>
                      <el-select class='utable' v-model="person.ItemCode" filterable  placeholder="请选择">
                          <el-option
                          v-for="item in Cemetery"
                          :key="item.ID"
                          :label="item.CheckCode"
                          :value="item.CheckCode">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select class='utable' v-model="person.LevyItemID" filterable  placeholder="请选择"  @change="fb5xm(person.LevyItemID,index)">
                          <el-option
                          v-for="item in levyItem"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>
                      <el-select class='utable' v-model="person.ItemID" filterable  placeholder="请选择"   @change="fb5stat(person.ItemID,index)" :title="person.ItemName">
                          <el-option
                          v-for="item in standard"
                          :key="item.ID"
                          :label="item.Name"
                          :value="item.ID">
                          </el-option>
                      </el-select>
                    </td>
                    <td>{{person.Unit}}</td>
                    <td>{{person.StandardPrice}}</td>
                    <td><el-input v-model="person.Amount"  placeholder="请输入内容" @change="fb5sl(person.Amount,index)"></el-input></td>
                    <td>{{person.Money}}</td>
                    <td>
                      <el-input v-model="person.Memo"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button type="danger"  size="mini"  @click="fb5DelRow(fb5Data[index],index)">删除</el-button>
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="8"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="2"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1" style="text-align:left;">{{CardID}}</td>
                    <td colspan="2">村支书(主任)：</td>
                    <td colspan="2"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">填表人：</td>
                    <td colspan="2"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="2">施工单位复核：</td>
                    <td colspan="2"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="2">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone" v-show="isShowX">
                    <td colspan="2">县领导：</td>
                    <td colspan="9"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
            <el-tab-pane label="6特殊征拆" name="fb6">
                <div class="title clearfix">
                    <!-- <label for="">位置：桩号K</label>
                    <span>( )+( )</span> -->
                    ({{ProjectStr}})工程特殊征拆补偿登记/结算表&nbsp;
                    <el-button type="primary"  size="mini" @click="fb6AddRow()">添加行数</el-button>
                </div>
                <table class="landsTable" cellspacing="0" cellpadding="0" border="0">
                <thead>
                  <tr>
                    <td width="30">序号</td>
                    <td class="green">征收项目名称</td>
                    <td class="green">补偿标准（元/单位）</td>  
                    <td class="green">数量</td>
                    <td class="green">金额（元）</td>
                    <td class="green">批准文号</td>
                    <td class="green">备注</td>
                    <td>操作</td>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="(person,index) in saveData.OtherTable" :key="index">
                    <td>{{index+1}}</td>
                    <td v-show="false">{{person.ID}}</td>
                    <td>
                      <el-input v-model="person.ItemName"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.StandardPrice"  placeholder="请输入内容" @change="fb6stan(person.StandardPrice,index)"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.Amount"  placeholder="请输入内容" @change="fb6sl(person.Amount,index)"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.Money"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.ItemCode"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                      <el-input v-model="person.Memo"  placeholder="请输入内容"></el-input>
                    </td>
                    <td>
                            <el-button type="danger"  size="mini"  @click="fb6DelRow(fb6Data[index],index)">删除</el-button>
                    </td> 
                  </tr>
                </tbody>
                <tfoot>
                  <tr>
                    <td>合计</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>合计大写</td>
                    <td colspan="5"></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">户主或户主代表签字（盖手印）：</td>
                    <td colspan="1"></td>
                    <td colspan="2">身份证号：</td>
                    <td colspan="1" style="text-align:left;">{{CardID}}</td>
                    <td colspan="1">村支书(主任)：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="2">填表人：</td>
                    <td colspan="1"></td>
                    <td colspan="2">复核人2人以上：</td>
                    <td colspan="1"></td>
                    <td colspan="1">施工单位复核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone">
                    <td colspan="1">镇征拆小组领导：</td>
                    <td colspan="1"></td>
                    <td colspan="1">镇政府盖章（镇长签名）：</td>
                    <td colspan="1"></td>
                    <td colspan="1">县级审核：</td>
                    <td colspan="1"></td>
                    <td colspan="1">业主审核：</td>
                    <td colspan="1"></td>
                  </tr>
                  <tr class="bordernone"  v-show="isShowX">
                    <td colspan="1">县领导：</td>
                    <td colspan="7"></td>
                  </tr>
                </tfoot>
                </table>
            </el-tab-pane>
        </el-tabs>
      </div>

      <el-dialog title="主体操作" :visible.sync="Tip" width="450px">
				<div class="addHou">
					<el-form :label-position="labelPosition" label-width="100px" :model="sub">
						<el-form-item label="工程项目:">
							<el-select v-model="sub.gcxm" placeholder="请选择" filterable @change="changePro()">
								<el-option v-for="item in proList" :key="item.ID" :label="item.Name" :value="item.ID">
								</el-option>
							</el-select>
						</el-form-item>
            <el-form-item label="行政区域:">
							<el-cascader :options="regions" v-model="sub.region" separator="-" change-on-select filterable></el-cascader>
						</el-form-item>
						<el-form-item label="户主:">
							<el-input v-model="sub.name"></el-input>
						</el-form-item>
						<el-form-item label="身份证:">
							<el-input v-model="sub.card"></el-input>
						</el-form-item>
						<el-form-item label="电 话:">
							<el-input v-model="sub.tel"></el-input>
						</el-form-item>
						<el-form-item label="银行账号:">
							<el-input v-model="sub.bankID"></el-input>
						</el-form-item>
						<el-form-item label="开户行:">
							<el-input v-model="sub.bank"></el-input>
						</el-form-item>
					</el-form>
				</div>
				<span slot="footer" class="dialog-footer">
			    <el-button @click="Tip = false">取 消</el-button>
			    <el-button type="primary" @click="addHous">确 定</el-button>
			  </span>
			</el-dialog>
      <el-dialog title="添加地块" :visible.sync="landTip" width="550px">
				<div>
					<el-form :label-position="labelPosition" label-width="100px" :model="land">
						<el-form-item label="地块编号:">
							<el-input v-model="land.ItemCode"></el-input>
						</el-form-item>
            <el-form-item label="定义类型:">
						<el-select v-model="land.DefineID" filterable placeholder="请选择" @change="fnDefine()">
							<el-option v-for="item in typs" :key="item.value" :label="item.label" :value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
          <el-form-item label="征收项目:">
							<el-select v-model="land.zsxm" placeholder="请选择" filterable @change="fnZsxm()">
								<el-option v-for="item in land.dataZsxm" :key="item.ID" :label="item.Name" :value="item.ID">
								</el-option>
							</el-select>
						</el-form-item>
            <el-form-item label="地类:">
							<el-select v-model="land.ItemID" placeholder="请选择" filterable>
								<el-option v-for="item in land.dataItem" :key="item.ID" :label="item.Name" :value="item.ID">
								</el-option>
							</el-select>
						</el-form-item>
            <el-form-item label="桩号:">
							<el-input v-model="land.PointCode"></el-input>
						</el-form-item>
            <el-form-item label="土地面积:">
							<el-input v-model="land.Amount"></el-input>
						</el-form-item>
            <el-form-item label="红线外面积:">
							<el-input v-model="land.RedInSq"></el-input>
						</el-form-item>
            <el-form-item label="红线外面积:">
							<el-input v-model="land.RedOutSq"></el-input>
						</el-form-item>
            <el-form-item label="青苗名称:">
							<el-input v-model="land.GreenName"></el-input>
						</el-form-item>
            <el-form-item label="青苗面积:">
							<el-input v-model="land.GreenAmount"></el-input>
						</el-form-item>
					</el-form>
				</div>
				<span slot="footer" class="dialog-footer">
			    <el-button @click="landTip = false">取 消</el-button>
			    <el-button type="primary" @click="addLand">确 定</el-button>
			  </span>
			</el-dialog>
  </div>
</template>
<script>
import api from "../../axios/api";
export default {
  name: "ustable",
  data() {
    return {
      isShowTab: false,
      loading: false,
      landTip: false,
      housID: "", //户主
      SaveID: "",
      ProjectStr: "", //工程名称
      Reason: "", //退回原因
      Tip: false,
      state: "add", //判断弹窗是修改还是删除
      labelPosition: "right",
      activeTab: "fb1",
      isShowX: false, //是否显示县领导
      regionid: "",
      CardID: "",
      dkbh: [], //地块编号数组
      dkbh1: [],
      levyItem: [], //征收项目数组
      standard: [], //标准数组
      standard2: [], //表2标准数组
      Cemetery: [], //坟山数组
      Data: "",
      typs: [
        {
          value: 1,
          label: "土地征收"
        },
        {
          value: 2,
          label: "林木征收"
        },
        {
          value: 3,
          label: "房屋主体"
        },
        {
          value: 4,
          label: "房屋装修"
        },
        {
          value: 5,
          label: "坟山迁移"
        },
        {
          value: 6,
          label: "特殊征拆"
        }
      ], //定义类型
      DefineID: 1,
      land: {
        zsxm: "", //征收项目
        dataZsxm: [], //征收项目数组
        dataItem: [], //标准数组，地类
        DefineID: 1,
        ItemCode: "",
        ItemID: "",
        PointCode: "",
        Amount: "",
        RedInSq: "",
        RedOutSq: "",
        GreenName: "",
        GreenAmount: ""
      },
      Company: [
        {
          Name: "平方米"
        },
        {
          Name: "立方米"
        }
      ], //计算单位
      saveData: {
        SaveID: "",
        FromInfo: "",
        LandTalbe: [], //土地分表集合
        GreenTable: [], //林地分表集合
        HouseTable: [], //房屋分表集合
        HouseExTable: [], //房屋装修分表集合
        GraveTable: [], //坟山分表集合
        OtherTable: [] //特殊分表集合
      },
      sub: {
        region: [],
        gcxm: "",
        name: "",
        card: "",
        tel: "",
        bank: "",
        bankID: ""
      },

      //分表一数据
      fb1Data: [],

      //分表二数据
      fb2Data: [],

      //分表三数据
      fb3Data: [],

      //分表四数据
      fb4Data: [],

      //分表五数据
      fb5Data: [],

      //分表六数据
      fb6Data: [],
      fb1Index: 0, //表一序号索引
      fb2Index: 0, //表二序号索引
      fb3Index: 0, //表三序号索引
      fb4Index: 0, //表四序号索引
      fb5Index: 0, //表五序号索引
      fb6Index: 0, //表六序号索引
      housList: [], //主体列表
      proList: [], //工程项目列表
      options: [],
      regions: [],
      showbtn: 1
    };
  },

  mounted() {
    this.showbtn = sessionStorage.UserType;
    if (this.$route.params.id == 1) {
      this.housID = "";
      this.isShowTab = false;
    } else {
      this.housID = this.$route.params.id;
      this.isShowTab = true;
      this.getData(this.housID);
      this.checkcode(this.$route.params.proid);
    }
    this.getHousList(); //户主
    this.getlistde(); //工程项目
    this.getDkbh(); //地块编号
    this.getDkbh1(); //地块编号
    this.getLevy(1); //征收项目
  },
  methods: {
    changeHous(val) {
      this.isShowTab = true;
      for (var i = 0; i < this.housList.length; i++) {
        if (this.housID == this.housList[i].ID) {
          this.CardID = this.housList[i].CardID;
          this.getData(this.housID);
          this.regionid = this.housList[i].RegionID;
        }
      }
    },
    //当项目改变的时候重新获取行政区域
    changePro() {
      this.anonymousget();
    },
    //获取项目
    getlistde() {
      this.$post(api.getlistde)
        .then(response => {
          if (response.isOK == true && response.state == 200) {
            this.proList = response.Data;
            this.sub.gcxm = this.proList[0] ? this.proList[0].ID : "";
            this.anonymousget();
          } else {
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading=false;
        });
    },
    //获取行政区域
    anonymousget() {
      this.regions = [];
      this.$get(api.anonymousget + "/" + this.sub.gcxm)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            for (var i = 0; i < response.data.Data.length; i++) {
              this.regions.push({
                label: response.data.Data[i].RegionName,
                value: response.data.Data[i].ID,
                ParentID: response.data.Data[i].ParentID
              });
            }
            this.regions = this.$toTree(this.regions);
          } else {
            this.$message.error(response.data.msg);
          }
        })
        .catch(error => {
          this.loading=false;
        });
    },
    //获取当前区域所有上级
    anonychildby(id) {
      this.sub.region = [];
      this.$get(api.getParent + "/" + id).then(response => {
        if (response.data.isOK == true && response.data.state == 200) {
          if (!response.data.Data) {
            this.sub.region.push(id);
            return false;
          }
          for (let i = response.data.Data.length - 1; i >= 0; i--) {
            this.sub.region.push(response.data.Data[i].ID);
          }
          this.sub.region.push(id);
        }
      });
    },
    //获取户主列表
    getHousList() {
      this.$get(api.getfroms + "/" + sessionStorage.RegionID)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.housList = response.data.Data;
            for (let i = 0; i < this.housList.length; i++) {
              if (this.housID == this.housList[i].ID) {
                this.CardID = this.housList[i].CardID;
              }
            }
          } else {
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },

    //修改主体弹窗
    fnEditTip() {
      if (this.housID == "") {
        this.$message.error("请选择户主");
        return false;
      }
      this.Tip = true;
      this.state = "edit";
      for (var i = 0; i < this.housList.length; i++) {
        if (this.housList[i].ID == this.housID) {
          this.sub.gcxm = this.housList[i].ProjectID;
          this.sub.name = this.housList[i].MainName;
          this.sub.card = this.housList[i].CardID;
          this.sub.tel = this.housList[i].Tel;
          this.sub.bank = this.housList[i].BankName;
          this.sub.bankID = this.housList[i].BankAccount;
          this.anonychildby(this.housList[i].RegionID);
        }
      }
    },
    //添加主体弹窗
    fnAddSubject() {
      this.Tip = true;
      this.state = "add";
      this.sub.name = "";
      this.sub.card = "";
      this.sub.tel = "";
      this.sub.bank = "";
      this.sub.bankID = "";
      this.sub.region = [];
    },
    //添加修改户主
    addHous() {
      if (this.sub.gcxm == "" || this.sub.name == "") {
        this.$message.error("不能为空");
        return false;
      }
      if (this.sub.region.length <= 0) {
        this.$message.error("请选择行政区域");
        return false;
      }
      this.loading = true;
      this.Tip = false;
      if (this.state == "add") {
        this.$post(api.housAdd, {
          ProjectID: this.sub.gcxm,
          MainName: this.sub.name,
          CardID: this.sub.card,
          Tel: this.sub.tel,
          BankName: this.sub.bank,
          BankAccount: this.sub.bankID,
          RegionID: this.sub.region[this.sub.region.length - 1]
        })
          .then(response => {
            if (response.isOK == true && response.state == 200) {
              this.loading = false;
              this.getHousList();
              this.$message({
                type: "success",
                message: "添加成功!"
              });
            } else {
              this.loading = false;
              this.$message.error(response.msg);
            }
          })
          .catch(error => {
            this.loading = false;
          });
      } else if (this.state == "edit") {
        this.$post(api.housUpdate, {
          ID: this.housID,
          ProjectID: this.sub.gcxm,
          MainName: this.sub.name,
          CardID: this.sub.card,
          Tel: this.sub.tel,
          BankName: this.sub.bank,
          BankAccount: this.sub.bankID,
          RegionID: this.sub.region[this.sub.region.length - 1]
        })
          .then(response => {
            if (response.isOK == true && response.state == 200) {
              this.loading = false;
              this.getHousList();
              this.$message({
                type: "success",
                message: "修改成功!"
              });
            } else {
              this.loading = false;
              this.$message.error(response.msg);
            }
          })
          .catch(error => {
            this.loading = false;
          });
      }
    },
    //删除用户主体
    housDel() {
      if (this.housID == "") {
        this.$message.error("请选择户主");
        return false;
      }
      this.$confirm("将永久删除该用户主体, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.loading = true;
          this.$get(api.housDel + "/" + this.housID)
            .then(response => {
              if (response.data.isOK == true && response.data.state == 200) {
                this.loading = false;
                this.housID = "";
                this.getHousList();
                this.$message({
                  type: "success",
                  message: "删除成功!"
                });
              } else {
                this.loading = false;
                this.$message.error(response.data.msg);
              }
            })
            .catch(error => {
              this.loading = false;
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消删除"
          });
        });
    },
    //当定义类型变了后重新拉取征收项目
    fnDefine() {
      this.getLevy(this.land.DefineID);
    },
    //当征收项目变了后重新拉取标准
    fnZsxm() {
      this.getStand(this.land.zsxm);
    },
    //添加地块弹窗
    TipLand() {
      this.land.zsxm = ""; //征收项目
      this.land.dataZsxm = []; //征收项目数组
      this.land.dataItem = []; //标准数组，地类
      this.land.DefineID = 1;
      this.land.ItemCode = "";
      this.land.ItemID = "";
      this.land.PointCode = "";
      this.land.Amount = "";
      this.land.RedInSq = "";
      this.land.RedOutSq = "";
      this.land.GreenName = "";
      this.land.GreenAmount = "";
      this.getLevy(this.land.DefineID);
      this.landTip = true;
    },
    //添加地块
    addLand() {
      this.landTip = false;
    },
    //获取分表数据
    getData(id) {
      this.loading = true;
      this.$get(api.getedit + "/" + id)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.loading = false;
            this.Data = response.data.Data;
            this.saveData.SaveID = response.data.Data.SaveID;
            this.saveData.FromInfo = response.data.Data.FromInfo; //户主信息
            this.ProjectStr = response.data.Data.ProjectStr;

            this.checkcode(response.data.Data.FromInfo.ProjectID);

            this.saveData.LandTalbe = response.data.Data.LandTalbe; //土地分表集合
            this.saveData.GreenTable = response.data.Data.GreenTable; //林地分表集合
            this.saveData.HouseTable = response.data.Data.HouseTable; //房屋分表集合
            this.saveData.HouseExTable = response.data.Data.HouseExTable; //房屋装修分表集合
            this.saveData.GraveTable = response.data.Data.GraveTable; //坟山分表集合
            this.saveData.OtherTable = response.data.Data.OtherTable; //特殊分表集合
            // if(this.saveData.LandTalbe.length>0||this.saveData.GreenTable.length>0||this.saveData.HouseTable.length>0||this.saveData.HouseExTable.length>0||this.saveData.GraveTable.length>0||this.saveData.OtherTable.length>0){
            //   return false;
            // }
            // if(this.saveData.LandTalbe.length<1){
            //   this.fb1AddRow();
            // }
            // if(this.saveData.GreenTable.length<1){
            //   this.fb2AddRow();
            // }
            // if(this.saveData.HouseTable.length<1){
            //   this.fb3AddRow();
            // }
            // if(this.saveData.HouseExTable.length<1){
            //   this.fb4AddRow();
            // }
            // if(this.saveData.GraveTable.length<1){
            //   this.fb5AddRow();
            // }
            // if(this.saveData.OtherTable.length<1){
            //   this.fb6AddRow();
            // }
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    //获取可用的地块编号
    getDkbh() {
      this.loading = true;
      this.$get(api.getland + "/" + sessionStorage.RegionID)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.loading = false;
            this.dkbh = response.data.Data;
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    //获取可用的地块编号
    getDkbh1() {
      this.loading = true;
      this.$get(api.getgreen + "/" + sessionStorage.RegionID)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.loading = false;
            this.dkbh1 = response.data.Data;
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    //获取征收项目
    getLevy(id) {
      this.loading = true;
      this.$get(api.getlevyitems + "/" + id)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.loading = false;
            this.levyItem = response.data.Data;
            this.land.dataZsxm = response.data.Data;
            this.getStand(response.data.Data[0].ID);
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    //获取指定ID的标准
    getStand(id) {
    	this.standard=[]
    	this.standard2=[]
    	this.land.dataItem=[]
      this.$get(api.getstandard + "/" + id)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.loading = false;
            this.standard = response.data.Data;
            this.standard2 = response.data.Data;
            this.land.dataItem = response.data.Data;
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    //根据项目ID和长势值获取标准
    getWork(id, value) {
      this.$post(api.work, {
        id: value,
        itemid: id
      })
        .then(response => {
          if (response.isOK == true && response.state == 200) {
            this.loading = false;
            this.standard2 = response.Data;
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },

    //获取坟山编号
    checkcode(id) {
      this.$get(api.checkcode + "/" + id)
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.loading = false;
            this.Cemetery = response.data.Data;
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },

    //当分表一中地块变化后
    changefb1(code, id, index) {
      // for(var i=0;i<this.saveData.LandTalbe.length;i++){
      //   if(id==this.saveData.LandTalbe[i].ID){
      for (var j = 0; j < this.dkbh.length; j++) {
        if (code == this.dkbh[j].ItemCode) {
          this.saveData.LandTalbe[index].Unit = this.dkbh[j].Standard.Unit;
          this.saveData.LandTalbe[index].LevyItemID = this.dkbh[
            j
          ].Standard.LevyItemID;
          this.saveData.LandTalbe[index].ItemName = this.dkbh[j].ItemID; //地类
          this.saveData.LandTalbe[index].ItemID = this.dkbh[j].ItemID; //地类
          this.saveData.LandTalbe[index].PointCode = this.dkbh[j].PointCode; //位置桩号
          this.saveData.LandTalbe[index].RedInSq = this.dkbh[j].RedInSq; //红线内面积
          this.saveData.LandTalbe[index].RedOutSq = this.dkbh[j].RedOutSq; //红线外面积
          this.saveData.LandTalbe[index].Amount = this.dkbh[j].Amount; //数量
          this.saveData.LandTalbe[index].GreenAmount = this.dkbh[j].GreenAmount; //数量
          this.saveData.LandTalbe[index].GreenName = this.dkbh[j].GreenName; //数量
          this.saveData.LandTalbe[index].GreenPrice =
            this.dkbh[j].Standard != null
              ? this.dkbh[j].Standard.SmallPrice
              : 0;
          this.saveData.LandTalbe[index].StandardPrice =
            this.dkbh[j].Standard != null
              ? this.dkbh[j].Standard.StandardPrice
              : 0; //补偿标准
          this.saveData.LandTalbe[index].Money = this.$toFixed(
            (this.saveData.LandTalbe[index].Amount - 0) *
              (this.saveData.LandTalbe[index].StandardPrice - 0)
          ); //土地补偿金额
          this.saveData.LandTalbe[index].GreenMoney = this.$toFixed(
            (this.saveData.LandTalbe[index].GreenAmount - 0) *
              (this.saveData.LandTalbe[index].GreenPrice - 0)
          ); //青苗面积
          this.saveData.LandTalbe[index].TotalMoney =
            this.saveData.LandTalbe[index].GreenMoney -
            0 +
            (this.saveData.LandTalbe[index].Money - 0);
        }
      }

      //   }
      // }
    },
    //青苗面积
    fb1qm(val, id, index) {
      if(val>this.saveData.LandTalbe[index].Amount){
        this.$message.error('青苗面积不能大于土地面积！');
        this.saveData.LandTalbe[index].GreenAmount=0
        return false;
      }
      // this.saveData.LandTalbe[index].GreenMoney = 10;
      // this.saveData.LandTalbe[index].GreenPrice = 10;
      // this.saveData.LandTalbe[index].Money = 100;
      this.saveData.LandTalbe[index].GreenMoney = this.$toFixed(
        (this.saveData.LandTalbe[index].GreenPrice - 0) * (val - 0)
      ); //土地补偿金额
      this.saveData.LandTalbe[index].TotalMoney =
        this.saveData.LandTalbe[index].GreenMoney -
        0 +
        (this.saveData.LandTalbe[index].Money - 0);
      // for(var i=0;i<this.saveData.LandTalbe.length;i++){
      //   if(id==this.saveData.LandTalbe[i].ID){
      //     this.saveData.LandTalbe[i].GreenMoney=10;
      //     this.saveData.LandTalbe[i].GreenPrice=10;
      //     this.saveData.LandTalbe[i].Money=100;
      //     this.saveData.LandTalbe[i].GreenMoney=parseFloat(this.saveData.LandTalbe[i].GreenPrice)*parseFloat(val)//土地补偿金额
      //     this.saveData.LandTalbe[i].TotalMoney=parseFloat(this.saveData.LandTalbe[i].GreenMoney)+parseFloat(this.saveData.LandTalbe[i].Money);
      //   }
      // }
    },

    //分表一添加行
    fb1AddRow() {
      this.fb1DataModel = {
        ItemCode: "", //地块编号
        PointCode: "", //桩号
        RedInSq: "", //红线内面积
        RedOutSq: "", //红线外面积
        GreenName: "", //青苗名称
        GreenAmount: 0, //青苗面积
        GreenPrice: 0, //青苗补偿标准单价
        GreenMoney: 0, //青苗金额
        TotalMoney: 0, //补偿金额 土地金额+青苗金额
        ID: "", //ID
        LevyItemID: "", //征收项目ID
        ItemID: "", //征收标准ID
        ItemName: "", //征收标准名称
        DefineID: 1, //大类定义ID
        Amount: 0, //数量
        StandardPrice: 0, //标准单价
        Money: 0, //金额
        Memo: "" //备注
      };
      this.saveData.LandTalbe.push(this.fb1DataModel);
      // 添加完fb1DataModel对象后，重置fb1DataModel对象
      this.fb1Index = this.fb1Data.length - 1;
    },
    //分表一删除行
    fb1DelRow(e, index) {
      this.saveData.LandTalbe.splice(index, 1);
    },
    //当分表二中项目改变后重新拉取标准
    fb2xm(id, index,val) {
    	console.log(this.saveData.GreenTable)
    	this.saveData.GreenTable[index].ItemID=''
    	this.saveData.GreenTable[index].ItemCode=''
    	this.saveData.GreenTable[index].ItemName=''
    	this.saveData.GreenTable[index].PointCode=''
    	this.saveData.GreenTable[index].GreenCurrentValue=0
      this.saveData.GreenTable[index].Amount=0
      this.saveData.GreenTable[index].Unit=''
      this.saveData.GreenTable[index].StandardPrice=0
      this.saveData.GreenTable[index].SmallPrice=0
      this.saveData.GreenTable[index].PlusPrice=0
      this.saveData.GreenTable[index].TotalMoney=0
      this.saveData.GreenTable[index].PlusAmount=0
      this.saveData.GreenTable[index].SmallMoney=0
      this.saveData.GreenTable[index].SmallAmount=0
      this.saveData.GreenTable[index].Money=0
      this.saveData.GreenTable[index].GreenAmount=0
      this.getStand(id);
    },
    //根据项目ID和长势值获取标准
    fb2zsz(id, value, index) {
      this.$post(api.work, {
        id: value,
        itemid: id
      })
        .then(response => {
          if (response.isOK == true && response.state == 200) {
            this.loading = false;
            this.standard2 = response.Data;
            if (this.standard2.length < 1) {
              this.saveData.GreenTable[index].ItemID = "";
            } else {
              this.saveData.GreenTable[index].ItemID = this.standard2[0].ID;
              this.fb2stat(this.standard2[0].ID, index);
            }
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    //当标准变了后重新赋值标准
    fb2stat(id, index) {
      console.log(this.standard2);
      this.saveData.GreenTable[index].ItemName=''
      this.saveData.GreenTable[index].ItemID=''
      this.saveData.GreenTable[index].Unit=''
      this.saveData.GreenTable[index].StandardPrice=''
      for (var j = 0; j < this.standard2.length; j++) {
        if (id == this.standard2[j].ID) {
          this.saveData.GreenTable[index].ItemName = this.standard2[j].Name; //地类
          this.saveData.GreenTable[index].ItemID = this.standard2[j].ID; //地类
          this.saveData.GreenTable[index].Unit = this.standard2[j].Unit;
          this.saveData.GreenTable[index].StandardPrice = this.standard2[
            j
          ].StandardPrice;
          this.saveData.GreenTable[index].SmallPrice = this.standard2[
            j
          ].SmallPrice;
          this.saveData.GreenTable[index].PlusPrice = this.standard2[
            j
          ].PlusPrice;
          this.saveData.GreenTable[index].Money = this.$toFixed(
            (this.saveData.GreenTable[index].StandardPrice - 0) *
              (this.saveData.GreenTable[index].GreenAmount - 0)
          );
          this.saveData.GreenTable[index].SmallMoney = this.$toFixed(
            (this.saveData.GreenTable[index].SmallPrice - 0) *
              (this.saveData.GreenTable[index].SmallAmount - 0)
          );
          this.saveData.GreenTable[index].PlusMoney = this.$toFixed(
            (this.saveData.GreenTable[index].PlusPrice - 0) *
              (this.saveData.GreenTable[index].PlusAmount - 0)
          );
          this.saveData.GreenTable[index].TotalMoney =
            this.saveData.GreenTable[index].Money -
            0 +
            (this.saveData.GreenTable[index].SmallMoney - 0) +
            (this.saveData.GreenTable[index].PlusMoney - 0);
        }
      }
    },
    //当地块编号改变后
    fb2dkbh(code, index) {
      for (var j = 0; j < this.dkbh1.length; j++) {
        if (code == this.dkbh1[j].ItemCode) {
          this.saveData.GreenTable[index].Unit = this.dkbh1[j].Standard.Unit;
          // this.saveData.GreenTable[index].ItemName = this.dkbh1[j].ItemID; //地类
          // this.saveData.GreenTable[index].ItemID = this.dkbh1[j].ItemID; //地类
          this.saveData.GreenTable[index].PointCode = this.dkbh1[j].PointCode; //位置桩号
          this.saveData.GreenTable[index].Amount = this.dkbh1[j].Amount; //数量
          // this.saveData.GreenTable[index].Money =parseFloat(this.saveData.GreenTable[index].StandardPrice) * parseFloat(this.saveData.GreenTable[index].GreenAmount);
          this.saveData.GreenTable[index].TotalMoney =
            this.saveData.GreenTable[index].Money -
            0 +
            (this.saveData.GreenTable[index].SmallMoney - 0) +
            (this.saveData.GreenTable[index].PlusMoney - 0);
        }
      }
    },
    //当分表二有树林面积改变后
    fb2ysl(val, index) {
      this.saveData.GreenTable[index].Money = this.$toFixed(
        this.saveData.GreenTable[index].StandardPrice * (val - 0)
      );
      this.saveData.GreenTable[index].TotalMoney =
        this.saveData.GreenTable[index].Money -
        0 +
        (this.saveData.GreenTable[index].SmallMoney - 0) +
        (this.saveData.GreenTable[index].PlusMoney - 0);
    },
    //当分表二按零星数量改变后
    fb2sl1(val, index) {
      this.saveData.GreenTable[index].SmallMoney = this.$toFixed(
        (this.saveData.GreenTable[index].SmallPrice - 0) * (val - 0)
      );
      this.saveData.GreenTable[index].TotalMoney =
        this.saveData.GreenTable[index].Money -
        0 +
        (this.saveData.GreenTable[index].SmallMoney - 0) +
        (this.saveData.GreenTable[index].PlusMoney - 0);
    },
    //当分表二超密度数量改变后
    fb2sl2(val, index) {
      this.saveData.GreenTable[index].PlusMoney = this.$toFixed(
        (this.saveData.GreenTable[index].PlusPrice - 0) * (val - 0)
      );
      this.saveData.GreenTable[index].TotalMoney =
        this.saveData.GreenTable[index].Money -
        0 +
        (this.saveData.GreenTable[index].SmallMoney - 0) +
        (this.saveData.GreenTable[index].PlusMoney - 0);
    },
    //分表二添加行
    fb2AddRow() {
      this.fb2DataModel = {
        GreenCurrentValue: 0,
        ItemCode: "", //地块编号
        PointCode: "", //桩号
        GreenAmount: 0, //土地面积
        LandBranchCode: "", //拆分编号
        SmallPrice: 0, //零星标准
        SmallAmount: 0, //零星数量
        SmallMoney: 0, //零星金额
        PlusPrice: 0, //超密标准
        PlusAmount: 0, //超密数量
        PlusMoney: 0, //超密金额
        TotalMoney: 0, //补偿费
        ID: "", //
        LevyItemID: "", //征收项目ID
        ItemID: "", //征收标准ID
        ItemName: "", //征收标准名称
        DefineID: 2, //大类定义ID
        Amount: 0, //数量
        StandardPrice: 0, //标准单价
        Money: 0, //金额
        Memo: "" //备注
      };
      this.saveData.GreenTable.push(this.fb2DataModel);
      // 添加完fb1DataModel对象后，重置fb1DataModel对象
      this.fb2Index = this.fb2Data.length - 1;
    },
    //分表二删除行
    fb2DelRow(e, index) {
      this.saveData.GreenTable.splice(index, 1);
    },
    fb3xm(id, index) {
    	console.log(this.saveData.HouseTable)
    	this.saveData.HouseTable[index].ItemID=''
    	this.saveData.HouseTable[index].UnitName=''
    	this.saveData.HouseTable[index].StandardPrice=0
    	this.saveData.HouseTable[index].Money=0
    	this.saveData.HouseTable[index].Amount=0
      this.getStand(id);
    },
    //当分表三标准改变后，改变所有标准
    fb3stat(id, index) {
      for (var j = 0; j < this.standard.length; j++) {
        if (id == this.standard[j].ID) {
          this.saveData.HouseTable[index].UnitName = this.standard[j].Unit;
          this.saveData.HouseTable[index].ItemName = this.standard[j].Name;
          this.saveData.HouseTable[index].StandardPrice = this.standard[
            j
          ].StandardPrice;
          this.saveData.HouseTable[index].Money = this.$toFixed(
            (this.saveData.HouseTable[index].StandardPrice - 0) *
              (this.saveData.HouseTable[index].Amount - 0)
          );
        }
      }
    },
    //当分表三数量改变后，重新计算金额
    fb3sl(val, index) {
      this.saveData.HouseTable[index].Money = this.$toFixed(
        (this.saveData.HouseTable[index].StandardPrice - 0) * (val - 0)
      );
    },
    //分表三添加行
    fb3AddRow() {
      this.fb3DataModel = {
        UnitName: "", //计量单位
        ID: "",
        LevyItemID: "", //征收项目ID
        ItemID: "", //征收标准ID
        ItemName: "", //征收标准名称
        DefineID: 3, //大类定义ID
        Amount: 0, //数量
        StandardPrice: 0, //标准单价
        Money: 0, //金额
        Memo: "" //备注
      };
      this.saveData.HouseTable.push(this.fb3DataModel);
      // 添加完fb3DataModel对象后，重置fb3DataModel对象

      this.fb3Index = this.fb3Data.length - 1;
    },
    //分表三删除行
    fb3DelRow(e, index) {
      this.saveData.HouseTable.splice(index, 1);
    },
    fb4xm(id, index) {
    	console.log(this.saveData.HouseExTable)
    	this.saveData.HouseExTable[index].ItemID=''
    	this.saveData.HouseExTable[index].UnitName=''
    	this.saveData.HouseExTable[index].ItemName=''
    	this.saveData.HouseExTable[index].StandardPrice=0
    	this.saveData.HouseExTable[index].Money=0
    	this.saveData.HouseExTable[index].Amount=0
      this.getStand(id);
    },
    //当分表三标准改变后，改变所有标准
    fb4stat(id, index) {
      for (var j = 0; j < this.standard.length; j++) {
        if (id == this.standard[j].ID) {
          this.saveData.HouseExTable[index].UnitName = this.standard[j].Unit;
          this.saveData.HouseExTable[index].ItemName = this.standard[j].Name;
          this.saveData.HouseExTable[index].StandardPrice = this.standard[
            j
          ].StandardPrice;
          this.saveData.HouseExTable[index].Money = this.$toFixed(
            (this.saveData.HouseExTable[index].StandardPrice - 0) *
              (this.saveData.HouseExTable[index].Amount - 0)
          );
        }
      }
    },
    //当分表三数量改变后，重新计算金额
    fb4sl(val, index) {
      this.saveData.HouseExTable[index].Money = this.$toFixed(
        (this.saveData.HouseExTable[index].StandardPrice - 0) * (val - 0)
      );
    },
    //分表四添加行
    fb4AddRow() {
      this.fb4DataModel = {
        UnitName: "", //计量单位
        ID: "",
        LevyItemID: "", //征收项目ID
        ItemID: "", //征收标准ID
        ItemName: "", //征收标准名称
        DefineID: 4, //大类定义ID
        Amount: 0, //数量
        StandardPrice: 0, //标准单价
        Money: 0, //金额
        Memo: "" //备注
      };
      this.saveData.HouseExTable.push(this.fb4DataModel);
      // 添加完fb4DataModel对象后，重置fb4DataModel对象

      this.fb4Index = this.fb4Data.length - 1;
    },
    //分表四删除行
    fb4DelRow(e, index) {
      this.saveData.HouseExTable.splice(index, 1);
    },
    fb5Point(value, index) {
      console.log(typeof value);
      this.saveData.GraveTable[index].PointCode = value;
    },
    //当分表五的项目改变后重新拉取标准
    fb5xm(id, index) {
    	console.log(this.saveData.GraveTable)
    	this.saveData.GraveTable[index].ItemID=''
    	this.saveData.GraveTable[index].Unit=''
    	this.saveData.GraveTable[index].StandardPrice=0
    	this.saveData.GraveTable[index].Unit=''
    	this.saveData.GraveTable[index].Money=0
    	this.saveData.GraveTable[index].Amount=0
      this.getStand(id);
    },
    //当分表五的标准改变后重新给标准赋值
    fb5stat(id, index) {
      for (var j = 0; j < this.standard.length; j++) {
        if (id == this.standard[j].ID) {
          this.saveData.GraveTable[index].Unit = this.standard[j].Unit;
          this.saveData.GraveTable[index].ItemID = this.standard[j].ID;
          this.saveData.GraveTable[index].ItemName = this.standard[j].Name;
          this.saveData.GraveTable[index].StandardPrice = this.standard[
            j
          ].StandardPrice;
          this.saveData.GraveTable[index].Money = this.$toFixed(
            (this.saveData.GraveTable[index].StandardPrice - 0) *
              (this.saveData.GraveTable[index].Amount - 0)
          );
        }
      }
    },
    //当分表5数量改变后重新计算金额
    fb5sl(val, index) {
      this.saveData.GraveTable[index].Money = this.$toFixed(
        (this.saveData.GraveTable[index].StandardPrice - 0) * (val - 0)
      );
    },
    //分表五添加行
    fb5AddRow() {
      this.fb5DataModel = {
        PointCode: "", //桩号
        ItemCode: "", //坟山编号
        ID: "",
        LevyItemID: "", //征收项目ID
        ItemID: "", //征收标准ID
        ItemName: "", //征收标准名称
        DefineID: 5, //大类定义ID
        Amount: 0, //数量
        StandardPrice: 0, //标准单价
        Money: 0, //金额
        Memo: "" //备注
      };
      this.saveData.GraveTable.push(this.fb5DataModel);
      // 添加完fb5DataModel对象后，重置fb5DataModel对象

      this.fb5Index = this.fb5Data.length - 1;
    },
    //分表五删除行
    fb5DelRow(e, index) {
      this.saveData.GraveTable.splice(index, 1);
    },
    //当分表六标准变了后重新计算金额
    fb6stan(val, index) {
      // this.saveData.OtherTable[index].Money =parseFloat(this.saveData.OtherTable[index].Amount) * parseFloat(val);
    },
    //当分表六数量变了重新计算金额
    fb6sl(val, index) {
      // this.saveData.OtherTable[index].Money =parseFloat(this.saveData.OtherTable[index].StandardPrice) * parseFloat(val);
    },
    //分表六添加行
    fb6AddRow() {
      this.fb6DataModel = {
        ItemCode: "", //批准文号
        ID: "",
        LevyItemID: "", //征收项目ID
        ItemID: "", //征收标准ID
        ItemName: "", //征收标准名称
        DefineID: 6, //大类定义ID
        Amount: 0, //数量
        StandardPrice: 0, //标准单价
        Money: 0, //金额
        Memo: "" //备注
      };
      this.saveData.OtherTable.push(this.fb6DataModel);
      // 添加完fb6DataModel对象后，重置fb6DataModel对象

      this.fb6Index = this.fb6Data.length - 1;
    },
    //分表六删除行
    fb6DelRow(e, index) {
      this.saveData.OtherTable.splice(index, 1);
    },
    //判断保存分表对象内是否有空
    isNull(obj) {
      for (let prop in obj) {
        if (obj[prop] === "" || obj[prop] === null || obj[prop] === undefined) {
          this.$message.error("不允许为空，请检查数据");
          return false;
        }
      }
    },
    //分表保存
    fbSave() {
      if (this.housID == "") {
        this.$message.error("请选择户主或添加数据");
        return false;
      }
      if (
        this.saveData.LandTalbe.length == 0 &&
        this.saveData.GreenTable.length == 0 &&
        this.saveData.HouseTable.length == 0 &&
        this.saveData.HouseExTable.length == 0 &&
        this.saveData.GraveTable.length == 0 &&
        this.saveData.OtherTable.length == 0
      ) {
        this.$message.error("分表数据为空，不允许保存！");
        return false;
      }
      // if (
      //   (this.saveData.LandTalbe[0].ItemID == "" ||this.saveData.LandTalbe[0].ItemID == 0)&&
      //   (this.saveData.GreenTable[0].ItemID == ""||this.saveData.GreenTable[0].ItemID == 0 )&&
      //   (this.saveData.HouseTable[0].ItemID == ""||this.saveData.HouseTable[0].ItemID==0 )&&
      //   (this.saveData.HouseExTable[0].ItemID == ""|| this.saveData.HouseExTable[0].ItemID == 0)&&
      //   (this.saveData.GraveTable[0].ItemID == ""||this.saveData.GraveTable[0].ItemID == 0) &&
      //   this.saveData.OtherTable[0].ItemName == ""
      // ) {
      //   this.$message.error("分表存在空记录，不允许保存！");
      //   return false;
      // }
      this.$post(api.savetable, this.saveData)
        .then(response => {
          if (response.isOK == true && response.state == 200) {
            this.loading = false;
            this.getData(this.housID);
            this.$message({
              type: "success",
              message: "保存成功!"
            });
          } else {
            this.loading = false;
            this.$message.error(response.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
      console.log(this.saveData);
    },
    //上报
    setflow() {
      if (this.housID == "") {
        this.$message.error("请选择户主或添加数据");
        return false;
      }
      if (
        this.saveData.LandTalbe.length == 0 &&
        this.saveData.GreenTable.length == 0 &&
        this.saveData.HouseTable.length == 0 &&
        this.saveData.HouseExTable.length == 0 &&
        this.saveData.GraveTable.length == 0 &&
        this.saveData.OtherTable.length == 0
      ) {
        this.$message.error("分表数据为空，不允许上报！");
        return false;
      }
      if (this.saveData.SaveID == "00000000-0000-0000-0000-000000000000") {
        this.$message.error("请先保存数据！");
        return false;
      }
      // if (
      //   (this.saveData.LandTalbe.ItemID == "" ||this.saveData.LandTalbe.ItemID == 0)&&
      //   (this.saveData.GreenTable.ItemID == ""||this.saveData.GreenTable.ItemID == 0 )&&
      //   (this.saveData.HouseTable.ItemID == ""||this.saveData.HouseTable.ItemID==0 )&&
      //   (this.saveData.HouseExTable.ItemID == ""|| this.saveData.HouseExTable.ItemID == 0)&&
      //   (this.saveData.GraveTable.ItemID == ""||this.saveData.GraveTable.ItemID == 0) &&
      //   this.saveData.OtherTable.ItemName == ""
      // ) {
      //   this.$message.error("分表存在空记录，不允许上报！");
      //   return false;
      // }

      this.$get(
        api.setflow + "/" + this.saveData.SaveID + "?fromid=" + this.housID
      )
        .then(response => {
          if (response.data.isOK == true && response.data.state == 200) {
            this.loading = false;
            this.$message({
              type: "success",
              message: "上报成功!"
            });
            this.$router.push({
              path: "/projectLevyFrom"
            });
            // this.getData(this.housID)
          } else {
            this.loading = false;
            this.$message.error(response.data.msg);
          }
        })
        .catch(error => {
          this.loading = false;
        });
    },
    //返回
    fnReturn() {
      window.history.go(-1);
    },
    //tab切换改变
    handleClick(tab, event) {
      //当tab等于分表六的时候显示县领导
      if (tab.name == "fb6") {
        this.isShowX = true;
      } else {
        this.isShowX = false;
      }
      switch (tab.name) {
        case "fb1":
          this.DefineID = 1;
          this.getLevy(1); //征收项目
          break;
        case "fb2":
          this.DefineID = 2;
          this.getLevy(2); //征收项目
          break;
        case "fb3":
          this.DefineID = 3;
          this.getLevy(3); //征收项目
          break;
        case "fb4":
          this.DefineID = 4;
          this.getLevy(4); //征收项目
          break;
        case "fb5":
          this.DefineID = 5;
          this.getLevy(5); //征收项目
          break;
        case "fb6":
          this.DefineID = 6;
          this.getLevy(6); //征收项目
          break;
        default:
      }
    }
  }
};
</script>
<style scoped>
.container {
  width: 100%;
  /* min-width: 1450px; */
}
.fbhead {
  width: 100%;
}
.red {
  color: red;
}

.headtable {
  font-weight: 600;
  color: #909399;
  font-size: 14px;
  margin: auto;
  border-collapse: collapse;
}

.headtable td,
.headtable th {
  padding: 5px;
  border: 1px solid #ebeef5;
}
.address {
  margin: 10px 0;
  color: #909399;
}
.address span {
  display: inline-block;
  width: 20px;
}
.address .el-select {
  width: 300px !important;
}
.address .el-input {
  width: 140px !important;
}

.tab {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  /* transform: scale(1) */
}
.tab .title {
  /* width: 1500px; */
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  margin: 10px auto;
  color: #000;
}
.tab .title span {
  font-size: 14px;
  float: left;
  margin-top: 10px;
}
.tab .title label {
  font-size: 14px;
  float: left;
  margin-top: 10px;
}
.tabfooter .row {
  color: #909399;
  font-size: 14px;
  font-weight: 600;
  /* width: 1484px; */
  margin: 15px auto;
  border-bottom: 1px solid #ebeef5;
}
.landsTable {
  /* width: 1500px; */
  width: 100%;
  color: #000;
  margin: auto;
  border-collapse: collapse;
  font-size: 12px;
}
.landsTable thead {
  font-weight: 600;
  color: #000;
}

.landsTable td,
.landsTable th {
  text-align: center;
  padding: 5px;
  border: 1px solid #000;
}
.landsTable tfoot td {
  text-align: right;
}
.landsTable tfoot .bordernone td {
  color: #000;
  border-right: none;
  border-left: none;
}
.landsTable .el-select {
  /* width: 80px !important; */
  font-size: 14px !important;
}
.landsTable .el-input {
  /* width: 80px !important; */
  font-size: 14px !important;
}
.landsTable .el-table {
  font-size: 14px !important;
}
.landsTable .el-table .cell {
  line-height: 14px !important;
  font-size: 14px !important;
}
.landsTable .el-table .cell,
.el-table th div,
.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell {
  padding-left: 5px !important;
}
.landsTable .el-table .cell,
.el-table th div {
  padding-right: 5px !important;
}
td:last-child .el-button--mini,
.el-button--mini.is-round {
  padding: 5px 5px !important;
}
tfoot td {
  text-align: right;
}
.edits .icons {
  color: #409eff;
  cursor: pointer;
  /*font-size: 20px;*/
  margin-right: 5px;
}
.green {
  background: rgba(13, 188, 121, 0.3);
}
.addHou .el-cascader {
  width: 100% !important;
}
.addHou .el-select {
  width: 100% !important;
}
</style>


